/*
 * @Author: lsmi
 * @Date: 2022-05-24 21:19:59
 * @LastEditors: lsmi
 * @LastEditTime: 2022-05-28 23:27:31
 * @FilePath: \taro-tsx-temp\src\subPackage\pages\canvas\painter.ts
 */
// 海报图
export function drawPoster(data?) {
  return new Promise(function(resolve) {
    resolve(poster(data))
  })
}

function posterTest(data?){
  return {
    width: '550rpx',
    height: '876rpx',
    background: '#f4f5f7',
    views: [
      {
        type: 'text',
        text: 'https://www.sunniejs.cn/static/avatar.png',
        css: {
          width: '524rpx',
          top: '36rpx',
          left: '36rpx',
          background: '#5B89BA',
          padding: '20rpx 30rpx',
          textIndent: '20rpx',
          display: 'block',
        }
      },
      {
        type: 'text',
        text: `没有经济上的独立，就缺少自尊。\n没有思考上的独立，就缺少自主。没有人格上的独立，就缺少自信
        有时候不是别人冷漠，只是别人有他自己的事
        那些特别懂得自娱的人，其实都是孤独却又不愿轻易打破孤独的孩子。所以他们学会了独自一个人的快乐方式，而那种快乐，恰是最不容易失去的
  `,
        css: {
          width: '550rpx',
          top: '100rpx',
          left: '26rpx',
          background: '#5B89BA',
          padding: '20rpx 30rpx',
          fontSize: '36rpx',
          display: 'block',
          textIndent: '20rpx',
          id: 'text'
        }
      },
      {
        type: 'rect',
        css: {
          width: '550rpx',
          height: '200rpx',
          top: '400rpx',
          left: '0',
          color: '#81BA5B',
          borderRadius: '10rpx'
        }
      },
    ]
  }
}
function posterTest2(data?){
  return {
    width: '550rpx',
    height: '876rpx',
    background: '#f4f5f7',
    views: [
      {
        type: 'text',
        text: 'https://www.sunniejs.cn/static/avatar.png',
        css: {
          width: '524rpx',
          top: '36rpx',
          left: '36rpx',
          background: '#5B89BA',
          padding: '20rpx 30rpx',
          textIndent: '20rpx',
          display: 'block',
        }
      },
      {
        type: 'text',
        text: `没有经济上的独立，就缺少自尊。\n没有思考上的独立，就缺少自主。没有人格上的独立，就缺少自信
        有时候不是别人冷漠，只是别人有他自己的事
        那些特别懂得自娱的人，其实都是孤独却又不愿轻易打破孤独的孩子。所以他们学会了独自一个人的快乐方式，而那种快乐，恰是最不容易失去的
  `,
        css: {
          width: '550rpx',
          top: '100rpx',
          left: '26rpx',
          background: '#5B89BA',
          padding: '20rpx 30rpx',
          fontSize: '36rpx',
          display: 'block',
          textIndent: '20rpx',
          id: 'text'
        }
      },
      {
        type: 'rect',
        css: {
          width: '550rpx',
          height: '200rpx',
          top: ['800rpx', 'text'],
          left: '0',
          color: '#81BA5B',
          borderRadius: '10rpx'
        }
      },
    ]
  }
}

// demo 微信分享图
function poster(data?) {
  return {
    width: '550rpx',
    height: '876rpx',
    background: '#f4f5f7',
    views: [
      {
        type: 'image',
        url: 'https://www.sunniejs.cn/static/avatar.png',
        css: {
          top: '20rpx',
          left: '36rpx',
          borderRadius: '100%',
          width: '80rpx',
          height: '80rpx',
          borderWidth: '6rpx',
          borderColor: '#fff'
        }
      },
      {
        type: 'text',
        text: '乖摸摸头的小店,我设置了maxLines为1',
        css: {
          top: '48rpx',
          left: '136rpx',
          width: '360rpx',
          maxLines: 1,
          fontSize: '26rpx',
          fontWeight: 500
        }
      },
      {
        type: 'rect',
        css: {
          top: '120rpx',
          left: '12rpx',
          color: '#fff',
          width: '526rpx',
          height: '540rpx',
          borderRadius: '10rpx'
        }
      },
      {
        type: 'image',
        url: require('../../static/img/1.jpg'),
        css: {
          top: '150rpx',
          left: '25rpx',
          width: '332rpx',
          height: '332rpx'
        }
      },
      {
        type: 'image',
        url: 'https://tgoods.top1buyer.com/res/testfile/imgs/20190702180744/MR9600-Pink/2.jpg',
        css: {
          top: '150rpx',
          left: '364rpx',
          width: '160rpx',
          height: '160rpx'
        }
      },
      {
        type: 'image',
        url: 'https://tgoods.top1buyer.com/res/testfile/imgs/20190702180744/MR9600-Pink/3.jpg',
        css: {
          top: '320rpx',
          left: '364rpx',
          width: '160rpx',
          height: '160rpx',
        }
      },
      {
        type: 'text',
        text: '二手精选',
        css: {
          top: '507rpx',
          left: '27rpx',
          fontSize: '22rpx',
          color: '#02BE8A',
          padding: '3px 4px 3px 4px',
          borderRadius: '2rpx',
          background: 'rgba(2,190,138,0.1)'
        }
      },
      {
        type: 'text',
        text: '18987、安奈儿童装上衣条纹童装上衣条纹童装上衣 条纹童装上衣',
        css: {
          top: '507rpx',
          left: '25rpx',
          textIndent: '110rpx',
          color: '#666666',
          fontSize: '22rpx',
          width: '460rpx',
          lineHeight: '33rpx',
          maxLines: 2
        }
      },
      {
        type: 'text',
        text: '劲爆价:',
        css: {
          top: '608rpx',
          left: '26rpx',
          color: '#666666',
          fontSize: '24rpx'
        }
      },
      {
        id:'price',
        type: 'text',
        text: '¥392.00',
        css: {
          top: '601rpx',
          left: '116rpx',
          color: '#E5463E',
          fontSize: '36rpx',
          fontWeight: 'bold'
        }
      },
      {
        type: 'text',
        text: '¥259.00',
        css: {
          top: '609rpx',
          left: ['130rpx', 'price'],
          color: '#999999',
          fontSize: '26rpx',
          fontWeight: 'bold',
          textDecoration: 'line-through'
        }
      },
      {
        type: 'rect',
        css: {
          top: '647rpx',
          left: '439rpx',
          color: '#fff',
          width: '28rpx',
          height: '28rpx',
          rotate: 45
        }
      },
      {
        type: 'text',
        text: '长按或扫描二维码',
        css: {
          fontSize: '18rpx',
          color: '#999999',
          bottom: '22rpx',
          left: '385rpx'
        }
      },
      // base64
      {
        type: 'image',
        url:
          '',
        css: {
          left: '26rpx',
          bottom: '22rpx',
          width: '218rpx',
          height: '24rpx'
        }
      },
      {
        type: 'qrcode',
        content: 'https://github.com/sunniejs/vue-canvas-poster',
        css: {
          bottom: '50rpx',
          right: '26rpx',
          color: '#000',
          width: '130rpx',
          height: '130rpx'
        }
      }
    ]
  }
  return {
    width: 580,
    height: 783,
    background: '#abcdef',
    views: [
      // {
      //   type: 'image',
      //   mode: 'aspectFill',
      //   width: 580,
      //   height: 200,
      //   url: 'https://img.zcool.cn/community/0144da628b01d00002c4212c18672e.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_0/auto-orient,1/sharpen,100/format,webp/quality,Q_100',
      //   top: 20,
      //   left: 20
      // }
    ]
  }
}

 
